// 主题色
$primary-color: #18a058;
$primary-color-hover: #36ad6a;
$primary-color-pressed: #0c7a43;
$primary-color-suppl: #36ad6a;

// 文字颜色
$text-color-base: #333;
$text-color-1: #333;
$text-color-2: #666;
$text-color-3: #999;

// 背景色
$bg-color: #fff;
$bg-color-1: #f5f5f5;
$bg-color-2: #f0f0f0;
$bg-color-3: #e8e8e8;

// 边框颜色
$border-color: #e5e5e5;
$border-color-1: #e5e5e5;
$border-color-2: #d9d9d9;
$border-color-3: #d0d0d0;

// 圆角
$border-radius-small: 2px;
$border-radius-base: 4px;
$border-radius-large: 8px;
$border-radius-circle: 50%;

// 间距
$spacing-mini: 4px;
$spacing-small: 8px;
$spacing-base: 16px;
$spacing-large: 24px;
$spacing-huge: 32px;

// 字体大小
$font-size-mini: 12px;
$font-size-small: 14px;
$font-size-base: 16px;
$font-size-large: 18px;
$font-size-huge: 20px;

// 动画
$animation-duration-base: 0.3s;
$animation-duration-fast: 0.2s;
$animation-duration-slow: 0.4s;

// 阴影
$box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15);
$box-shadow-light: 0 2px 12px rgba(0, 0, 0, 0.1);
$box-shadow-dark: 0 4px 16px rgba(0, 0, 0, 0.2);

// z-index
$z-index-base: 1;
$z-index-dropdown: 1000;
$z-index-modal: 1000;
$z-index-popover: 1000;
$z-index-tooltip: 1000;
$z-index-drawer: 1000;
$z-index-message: 1000;
$z-index-notification: 1000; 